<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.Date,java.text.SimpleDateFormat" %>
<%
SimpleDateFormat df=new SimpleDateFormat("yyyyMMddHHmmss");
String s=df.format(new Date());
//out.print(s);
%>    
<%@include file="/pages/jyy/jsandcss.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加生产计划</title>
<script type="text/javascript">
$(function () {
	
    //1.初始化Table
    var oTable = new TableInit();
    oTable.Init();

    //2.初始化Button的点击事件
    var oButtonInit = new ButtonInit();
    oButtonInit.Init();
    
    //返回生产计划列表页
    $("#returnBtn").click(function(){
        window.location.href="${pageContext.request.contextPath }/pages/jyy/productplan.jsp";
    });
    
    //获取选中的销售计划单id
    $("#submitBtn").click(function(){
    	var a= $('#tb_departments3').bootstrapTable('getSelections');  
   		 //查找带回销售计划单号
    	$('#number').val(a[0].ordernumber);
   		 //带回销售计划单id
    	$('#sid').val(a[0].id);
   		 //alert(a[0].id);
   		  $('#tb_departments').bootstrapTable(  
	              "refresh",  
	              {  
	            	  url:'${pageContext.request.contextPath }/jy/selectSalePlanDetailBysid.do?sid='+a[0].id
	              }  
	     	  ); 
   		 $('#tb_departments').bootstrapTable(  
	              "refresh",  
	              {  
	            	  url:'${pageContext.request.contextPath }/jy/selectSalePlanDetailBysid.do?sid='+a[0].id
	              }  
	     	  ); 
    });
    
    //保存生产计划单
    $("#submitBtn1").click(function(){
    	
    	//添加生产计划单时，
    	//1.获取生产计划单号plannum
    	 var scjhdh=$.trim($("#scjh").val());//获取生产计划单号并去空格
    	 //2.获取销售计划单id
    	 var sid2=$.trim($("#sid").val());//获取销售计划单id并去空格
    	 var xsdh=$.trim($("#number").val());//获取销售计划单号
    	 //如果计划单号为空
    	 if(xsdh == "" || xsdh == null  || xsdh == undefined) {
    		 toastr.warning("请选择销售计划单号");  
    		 return;
    	 }
    	 
    	var lenth =  $("#tb_departments").length;
    	/*  alert(lenth);
    	 alert(parseInt(lenth) - parseInt(0)); */
    	 
    	 if(parseInt(lenth) <= parseInt(0)) {
    		 /* alert("对不起，此销售计划单中没有详情，请重新选择"); */
    		 toastr.warning("对不起，此销售计划单中没有详情，请重新选择");  
    		 return;
    	 }
    	 
    	 $('#submitBtn1').attr('disabled',true);
    	//先校验有没有详情，如果没有（说明没有修改从销售读取的数据）
    	 $.ajax({
				type : 'post',
				url : '${pageContext.request.contextPath }/jy/selectPlanDetail2.do',
				data : {plannum:scjhdh},
				dataType : 'JSON',
				success : function(data) {
					if (data == 1) {
						//有数据往下进行，添加数据
						//如果有详情直接添加。
				    	 $.ajax({
								type : 'post',
								url : '${pageContext.request.contextPath }/jy/createPlan.do',
								data : {plannum:scjhdh,remark1:sid2},
								dataType : 'JSON',
								success : function(data) {
									if (data == 1) {
										toastr.success("保存成功"); 
										setTimeout(function(){  //使用  setTimeout（）方法设定定时3000毫秒
											//跳转到列表页面
											window.location.href="${pageContext.request.contextPath }/pages/jyy/productplan.jsp";
										},2000);
									}else {
										toastr.error("保存失败");  
									}
								}
							});
					}else {
						$('#submitBtn1').attr('disabled',false);
						//没有数据，提示"请填写生产计划量"
						toastr.warning("请填写生产计划量"); 
						
						return;
					}
				}
			}); 
    });
    
   	 //生成计划单号
   	var s = "<%=s %>";
    var jhdh= "scjh"+s;
    $("#scjh").val(jhdh); 
   
});


var TableInit = function () {
    var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        
    	$('#tb_departments').bootstrapTable({
            method: 'get',                      //请求方式（*）
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: false,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10,20,30],         //可供选择的每页的行数（*）
            clickToSelect: true,                //是否启用点击选中行
            height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            detailView: false,                   //是否显示父子表
            columns: [{
                checkbox: true
            }, {
                field: 'cartype',
                title: '车种'
            }, {
                field: 'num',
                title: '品编'
            }, {
                field: 'name',
                title: '品名'
            }, {
            	field: 'color',
                title: '颜色'
            },{
                field: 'remark3',
                title: '销售计划量'
            },{
            	field: 'remark14',
                title: '库存量'
            },{
            	field: 'remark5',
                title: '最低安全量'
            },{
            	field: 'remark4',
                title: '最高安全量'
            },{
            	field: 'remark7',
                title: '生产计划量',
                editable: {
                    type: 'text',
                    title: '生产计划量',
                    validate: function (v) {
                        if (!v) return '生产计划量不能为空';
                        if (isNaN(v)) return '必须是数字';
                        var remark7 = parseInt(v);
                        if (remark7 <= 0) return '必须是正整数';
                    }
                }
            },{
            	field: 'remark8',
                title: '要求完工日期',
                editable: {
                    type: 'date',
                    placement: 'left',
                    title: '请选择日期:',
                } 
            }, {
            	field: 'remark9',
                title: '销售计划量',
                visible:false
            } ],
    	
    	 onEditableSave : function(field, row, oldValue, $el) {
    		 var scjhdh=$.trim($("#scjh").val());//获取生产计划单号并去空格
    		 var sid2=$.trim($("#sid").val());//获取销售计划单id并去空格
 			$('#tb_departments').bootstrapTable('resetView');
 			$.ajax({
 				type : 'post',
 				url : '${pageContext.request.contextPath }/jy/createProductPlanDetail.do',
 				data : {prductid:row.pid,plannum:row.remark7,fdata:row.remark8,scjhdh:scjhdh,sid:sid2,remark9:row.remark9},//行内修改后的数据
 				dataType : 'JSON',
 				success : function(data) {
 					if (data == 1) {
 						Modal.alert({
 							msg : "保存成功"
 						});
 					}
 				}
 			});
 		}
    	
    	});
    	
        $('#tb_departments3').bootstrapTable({
            url: '${pageContext.request.contextPath }/jy/selectCustomerOrder.do',         //请求后台的URL（*）
            method: 'post',                      //请求方式（*）
            singleSelect : true,                // 单选checkbox 
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: false,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10,20,30],         //可供选择的每页的行数（*）
            clickToSelect: true,                //是否启用点击选中行
            height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            detailView: false,                   //是否显示父子表
            columns: [{
                checkbox: true
            }, {
                field: 'id',
                title: 'ID',
                visible:false
            }, {
                field: 'ordernumber',
                title: '销售计划单'
            }, {
                field: 'name',
                title: '客户'
            }, {
                field: 'producestatus',
                title: '生产状态',
                formatter : function (value, row, index) {
                    if (value==1) {
                        return '正在生产';
                    }
                    if (value== 0) {
                        return '未生产';
                    }
                    if (value== 3) {
                        return '生产完毕';
                    }
                }
            }]
        });
    };

    //得到查询的参数
    oTableInit.queryParams = function (params) {
        var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            limit: params.limit,   //页面大小
            offset: params.offset,  //页码
            departmentname: $("#txt_search_departmentname").val(),
            statu: $("#txt_search_statu").val()
        };
        return temp;
    };
    return oTableInit;
};


var ButtonInit = function () {
    var oInit = new Object();
    var postdata = {};

    oInit.Init = function () {
        //初始化页面上面的按钮事件
    };

    return oInit;
};

function doUpdate() {
	var a= $('#tb_departments').bootstrapTable('getSelections');  
	 alert(a[0].id);
}

/* 弹出销售计划单列表的模态框 */
function fun1() {
	 $("#example2").modal("show");  
}

</script>
</head>
<body>
	<div class="row">
		<input type="hidden" id="sid" value="${sid}">
		<div class="col-lg-3">
		  <label for="phone" class="control-label">生产计划单号:</label>
		  <input type="text" class="form-control" id="scjh" readonly="readonly">
		</div>
		<div class="col-lg-4">
		  <label for="phone" class="control-label">销售计划单号:</label>
		  <input type="text" class="form-control" onfocus="fun1()" name="number" id="number" readonly="readonly">
		</div>
	</div>
	<br/><br/>
    <form id="addForm">
    	<table id="tb_departments"></table>
	     <div class="text-right">
	         <span id="returnMessage" class="glyphicon"> </span>
	         <button id="returnBtn" type="button" class="btn btn-default right" data-dismiss="modal">取消</button>
	         <button id="submitBtn1" type="button" class="btn btn-primary">保存</button>
	     </div>
    </form>
        
      
	<div id="example2" class="modal fade " style="display: none; ">
	      <div class="modal-dialog" role="document" style="width: 1000px;border-left-width: 0px;border-left-style: solid;padding-left: -200px;margin-left: -500px;">
	        <div class="modal-content">
				<!-- 内容 -->
	            <div class="modal-body">
	                <form id="updateform">
	                	<table id="tb_departments3"></table>
	                	 <div class="text-right">
					        <span id="returnMessage" class="glyphicon"> </span>
					        <button type="button" class="btn btn-default right" data-dismiss="modal">取消</button>
					        <button id="submitBtn" type="button" class="btn btn-primary" data-dismiss="modal">提交</button>
					    </div>
	                </form>
	            </div>
	        </div>
	    </div>
	</div>  
</body>
</html>